// Configuracion
	@Q-Rollover-text: #FFF;
	@Q-Rollover-text-bg: rgba(0, 0, 0, 0.8);
	@Q-Rollover-bg: rgba(219,127,8, 0.7);

// General Style
	.Q-Rollover{
		position: relative;
		overflow: hidden;
		height: 100%;
		width: 100%;
		margin: 10px;
		text-align: center;
		border:10px solid #FFF !important;
		&,*{color: @Q-Rollover-text;}
		.mask, h4, p, .trigger{
			cursor: default;
			.opacity(0);
		}
		.box-shadow(1px 1px 3px #9D9D9D);
		.mask{background-color: @Q-Rollover-bg;}
		.mask, .content{
			position: absolute;
			overflow: hidden;
			left: 0px;
			top: 0px;
			height: inherit;
			width: inherit;
		}
		img{
			display:block;
			position:relative;
		}
		h4{
			text-transform: uppercase;
			position: relative;
			background: @Q-Rollover-text-bg;
			padding: 10px;
		}
		p{
			padding: 10px;
			margin: 0px 0px 10px;
			font-family: Georgia, serif;
			font-style: italic;
		}
		.trigger{
			display: inline-block;
			padding: 5px 10px;
			background: #000;
			text-transform: uppercase;
			.box-shadow(0px 0px 1px #000);
			&:hover{
				cursor: pointer;
				color: inherit;
				text-decoration: none;
				.box-shadow(0px 0px 7px #000);
			}
		}
	}